<include file="Public:header"/>
<script src="__PUBLIC__/js/jquery.luara.0.0.1.min.js"></script>
<script src="__PUBLIC__/js/jspic.js"></script>
<script src="__PUBLIC__/js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<Slide:list limit='' order='sort'>
    </Slide:list>
	<include file="Public:menu" />
	<!-- 焦点图 -->
	<div id="banner" class="full_banner">
		<div class="bd">
			<ul>
				<li style="background:url(__PUBLIC__/images/banner1.jpg) #56C1ED center no-repeat;" ><a target="_blank" href=""></a></li>
				<li style="background:url(__PUBLIC__/images/banner2.jpg) #21BFCA center no-repeat;" ><a target="_blank" href=""></a></li>
				<li style="background:url(__PUBLIC__/images/banner3.jpg) #21BFCA center no-repeat;" ><a target="_blank" href=""></a></li>
			</ul>
		</div>
		<div class="hd"><ul></ul></div>
	</div>

	<!-- 新闻中心 -->
	<div id="content" style="height:800px;">
		<!-- 新闻中心 -->
		<div id="newszx" class="content_title">
			<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
			<span class="titles">新闻中心</span><span class="English_title">NEWS</span>
			<hr class="title_hr" size="1" color="#bcbcbc"/>
			<ul>
				<article:list limit='7' field='id,title,create_time'>
					<li>
						<a href="">
							{$v.title|msubstr=###,0,18}
						</a>
						<span class="time">
							{$v.create_time|date='m-d',###}
						</span>
					</li>
			    </article:list>
				<!-- <li><a href="">逸年国际“关爱老人”活动最新动向</a><span class="time">11-13</span></li> -->
			</ul>
		</div>
		<!-- 老人风采 -->
		<div id="core" class="content_title">
			<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
			<span class="titles">老人风采</span>
			<span class="English_title">THE OLD MAN ELEGANT DEMEANOUR</span>
			<hr class="title_hr" size="1" color="#bcbcbc"/>


			<div id="preview">

				<div id="spec-n1">
					<div class="o-img">
						<a href="{:U('Index/core')}">
							<img src="__PUBLIC__/images/s305x170_cy.jpg" alt="" />
						</a>
					</div>												
				</div>

				<div id="spec-n5">
					<div id="spec-top" class="control disabled"></div>
					<div id="spec-bottom" class="control"></div>
					<div id="spec-list">
						<ul>
							<li class="curr">
								<img width="70" height="45" name="__PUBLIC__/images/s90x55_cy.jpg" alt=""  title="老人下棋" src="__PUBLIC__/images/s90x55_cy.jpg"/>
							</li>
							<li class="">
								<img width="70" height="45" name="__PUBLIC__/images/s90x55_fc.jpg" alt=""  title="聚餐畅聊" src="__PUBLIC__/images/s90x55_fc.jpg"/>
							</li>	
							<li class="">
								<img width="70" height="45" name="__PUBLIC__/images/s90x55_jz.jpg" alt=""  title="老人的休闲娱乐" src="__PUBLIC__/images/s90x55_jz.jpg"/>
							</li>	
							<li class="">
								<img width="70" height="45" name="__PUBLIC__/images/s90x55_yx.jpg" alt=""  title="给老人举办生日晚会" src="__PUBLIC__/images/s90x55_yx.jpg"/>
							</li>	
							<li class="">
								<img width="70" height="45" name="__PUBLIC__/images/s90x55_zcgl.jpg" alt=""  title="文艺表演" src="__PUBLIC__/images/s90x55_zcgl.jpg"/>
							</li>											
						</ul>
					</div>
				</div><!--spec-n5 end-->
				<div id="intro">老人下棋</div>
			</div>



		</div>
		<!-- 活动公告 -->
		<div id="titles_right" class="content_title">
			<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
			<span class="titles">活动公告</span><span class="English_title">EVENT ANNOUNCEMENTS</span>
			<hr class="title_hr" size="1" color="#bcbcbc"/>
			<p href="">
				成都市逸年国际紧邻北郊风景林区，位
				于举世闻名的大熊猫繁殖研究基地旁，被誉
				为成都市“绿肺”。生态园林区一期占地15
				0亩，是集休闲、娱乐、度假为一体的敬老、
				爱老、助老、养老的爱心圣地。园区绿化以
				银杏为主要特色，秉承川西小青瓦建筑风格。
			</p>
			<p class="more"><a href="{:U('Index/about')}">了解更多>></a></p>
		</div>
		<div class="fengexian"></div>
		<!-- 基地介绍 -->
		<div id="jidijieshao" class="content_title">
			<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
			<span class="titles">基地介绍</span>
			<span class="English_title"> INTRODUCTION </span>



			<div id="demo" style="overflow: hidden; width: 990px;margin-top:10px;" align="center">
				<table cellspace="0" align="center" border="0" cellpadding="1" cellspacing="1">
					<tbody>
						<tr>
							<td id="marquePic1" valign="top" bgcolor="ffffff">
								<table width="100%" border="0" cellspacing="0">
									<tbody>
										<tr>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/1.jpg" />
													<br/><span>青城庄园</span>
												</a>
											</td>

											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/2.jpg" />
													<br/><span>青城庄园2</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/3.jpg"/>
													<br><span>室内环境</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/4.jpg" />
													<br><span>休息区</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/1.jpg" />
													<br><span>青城庄园</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/2.jpg" />
													<br><span>青城庄园</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/3.jpg"/>
													<br><span>青城庄园</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#">
													<img class="marqueeimg" src="__PUBLIC__/images/4.jpg"/>
													<br><span>青城庄园</span>
												</a>
											</td>
											<td align="center">
												<a class="marqueetext" href="#"><img class="marqueeimg" src="__PUBLIC__/images/1.jpg"/>
													<br><span>青城庄园</span>
												</a>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
							<td id="marquePic2" valign="top">

							</td>
						</tr>
					</tbody>
				</table>
			</div>


		</div>

		<div id="lastbox">
			<div id="team">
				<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
				<span class="titles">专家团队</span><span class="English_title"> EXPERT TEAM </span>
				<hr class="title_hr" size="1" color="#bcbcbc"/>



				<div style="width: 350px; height: 218px;margin-top:20px;" class="example2 luara-left">
					<ul style="width: 350px; height: 218px; left: 0px;">
						<li><a href=""><img style="width: 350px; height: 218px;" src="__PUBLIC__/images/team2.jpg"></a></li>
						<li><a href=""><img style="width: 350px; height: 218px;" src="__PUBLIC__/images/team1.jpg"></a></li>
						<li><a href=""><img style="width: 350px; height: 218px;" src="__PUBLIC__/images/team3.jpg"></a></li>
						<li><a href=""><img style="width: 350px; height: 218px;" src="__PUBLIC__/images/team4.jpg"></a></li>
					</ul>
					<ol>
						<li class="seleted"></li>
						<li class=""></li>
						<li class=""></li>
						<li class=""></li>
					</ol>
				</div>
				<!--Luara图片切换骨架end-->
				<script>
				$(function(){
					<!--调用Luara示例-->
					$(".example2").luara({width:"350",height:"218",interval:4500,selected:"seleted",deriction:"left"});

				});
				</script>




			</div>

			<div id="zizhi">
				<img src="__PUBLIC__/images/newstitlebg.png" alt="" />
				<span class="titles">资质荣誉</span><span class="English_title">HONORARY CERTIFICATE</span>
				<hr class="title_hr" size="1" color="#bcbcbc"/>
				<div id="zizhi_box">
					<a href=""><img style="margin-top:5px;margin-left:5px;" src="__PUBLIC__/images/zizhi.jpg" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	var speed=50 
	marquePic2.innerHTML=marquePic1.innerHTML 
	function Marquee(){ 
		if(demo.scrollLeft>=marquePic1.scrollWidth){ 
			demo.scrollLeft=0 
		}else{ 
			demo.scrollLeft++ 
		} 
	} 
	var MyMar=setInterval(Marquee,speed) 
	demo.onmouseover=function() {clearInterval(MyMar)} 
	demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
	</script>



	<script type="text/javascript">
		//banner
		jQuery(".full_banner").slide({
			titCell:".hd ul", 
			mainCell:".bd ul", 
			effect:"fold",  
			autoPlay:true, 
			autoPage:true,
			trigger:"click",
			interTime:5000
		});	
		</script>

		<include file="Public:footer"/>